<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <title>分类</title>
    <link rel="stylesheet" href="./swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="./css/category.css">
    <script src="./js/jquery.js"></script>
    <script src="./swiper/swiper-bundle.min.js"></script>
    <script src="./js/flexible.js"></script>
    <script src="./axios/axios.min.js"></script>
    <script src="./js/packaging_axios.js"></script>
    <script src="./js/category.js"></script>
</head>
<body>
    <div class="iot_search">
        <div><span>女靴</span></div>
    </div>
        <div class="iot_option">
            <div onclick="optionJump(0)" class="iot_opted"></div>
            <div onclick="optionJump(1)"></div>
            <div onclick="optionJump(2)"></div>
            <div onclick="optionJump(3)"></div>
            <div onclick="optionJump(4)"></div>
            <div onclick="optionJump(5)"></div>
            <div onclick="optionJump(6)"></div>
            <div onclick="optionJump(7)"></div>
            <div onclick="optionJump(8)"></div>
        </div>
        <div class="iot_goods">
        <!-- banner使用了bootstrap框架 -->
              <!-- Swiper -->
            <div class="swiper mySwiper iot_banner">
                <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="" alt=""></div>
                <div class="swiper-slide"><img src="" alt=""></div>
                <div class="swiper-slide"><img src="" alt=""></div>
                <div class="swiper-slide"><img src="" alt=""></div>
                <div class="swiper-slide"><img src="" alt=""></div>
                </div>
                <div class="swiper-pagination" id="iot_down"></div>
            </div>
            <div class="iot_contentBox">
            </div>
        </div>
</body>
<script>
var swiper = new Swiper(".mySwiper", {
    pagination: {
      el: ".swiper-pagination",
    },
    loop: true,
    autoplay : {
      delay : 3000, //自动切换的时间间隔，单位ms
      disableOnInteraction : false //用户操作swiper之后，是否禁止autoplay
  },
  });
</script>
</html>